<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <link rel="shortcut icon" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico"
        type="image/x-icon" />
    <link rel="Bookmark" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico" />
    <!-- 引入外部css -->
    <link rel="stylesheet" href="../css/home.css" type="text/css" />
    <link rel="stylesheet" href="../css/company_profile.css" type="text/css" />
    <link rel="stylesheet" href="../css/news_and_trends.css" type="text/css" />
    <link rel="stylesheet" href="../css/product_display.css" type="text/css" />
    <!-- head-and-foot -->
    <link rel="stylesheet" href="../css/head.css" type="text/css">
    <link rel="stylesheet" href="../css/foot.css" type="text/css">
</head>

<body>
    <!-- head -->
    <script src="../js/head.js"></script>
    <!-- 产品展示 -->
    <div class="companyBrief">
        <div>
            <div class="buttons_content" >
                <!-- 斜线 -->
                <div>
                    <div>
                        <div></div>
                    </div>
                </div>
                <a href="javascript:;">\ 产品展示</a>
            </div>
            <div class="buttons_1content" >
                <div >
                    <a href="javascript:;">
                        <img src="../img/pro_d31a.png" />
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 产品分类及预览 -->
    <div class="product_display" >
        <div >
            <!-- news and trends nav -->
            <div class="product-nav">
                <div>
                    <a href="">
                        <span>软件</span>
                    </a>
                    <div class="dropdown_1column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">企业用户</a></li>
                                <li><a href="">集团用户</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="">
                        <span>数码</span>
                    </a>
                    <div class="dropdown_2column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">数字数码</a></li>
                                <li><a href="">数字影音</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="">
                        <span>通讯</span>
                    </a>
                    <div class="dropdown_3column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">手机设备</a></li>
                                <li><a href="">通讯设备</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="">
                        <span>网络设备</span>
                    </a>
                    <div class="dropdown_4column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">大型企业</a></li>
                                <li><a href="">小型企业</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="">
                        <span>办公设备</span>
                    </a>
                    <div class="dropdown_5column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">一体机</a></li>
                                <li><a href="">分体机</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div>
                    <a href="">
                        <span>电脑配件</span>
                    </a>
                    <div class="dropdown_6column">
                        <div class="col_1">
                            <ul class="simple">
                                <li><a href="">主机内存</a></li>
                                <li><a href="">电源散热</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 产品预览 8/1 -->
            <div class="product-2img">
                <div class="cc"></div>
                <div class="cc"></div>
                <div class="cc"></div>
                <div class="product-list">
                    <ul>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/32_tqh6.jpg" />
                                    <span>用友通</span>
                                </a>
                                <a href="" class="img-type">
                                    企业用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/31_hqzy.jpg" />
                                    <span>Microsoft Windows</span>
                                </a>
                                <a href="" class="img-type">
                                    企业用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/30_zggw.jpg" />
                                    <span>SteelEye LifeKeeper for Linux</span>
                                </a>
                                <a href="" class="img-type">
                                    企业用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/29_qds1.jpg" />
                                    <span>OA办公自动化</span>
                                </a>
                                <a href="" class="img-type">
                                    企业用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/28_jtat.jpg" />
                                    <span>麦凯思酒店管理</span>
                                </a>
                                <a href="" class="img-type">
                                    集团用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="product_details.html" class="img-href">
                                    <img src="../img/27_4xfw.jpg" />
                                    <span>恩特网络监控管理</span>
                                </a>
                                <a href="" class="img-type">
                                    集团用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="" class="img-href">
                                    <img src="../img/26_8zvc.jpg" />
                                    <span>Adobe CS4</span>
                                </a>
                                <a href="" class="img-type">
                                    集团用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="" class="img-href">
                                    <img src="../img/25_79g0.jpg" />
                                    <span>Microsoft Office</span>
                                </a>
                                <a href="" class="img-type">
                                    集团用户
                                </a>
                                <p class="product-price">价格：<span>521.8888</span></p>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 翻页 -->
            <div class="product-page" >
                <div>
                    <a href="" class="page-left">《</a>
                </div>
                <div>
                    <a href="" class="page-center" >1</a>
                </div>
                <div>
                    <a href="" class="page-center" >2</a>
                </div>
                <div>
                    <a href="" class="page-center" >3</a>
                </div>
                <div>
                    <a href="" class="page-right" >》</a>
                </div>
                <div>
                    <span>当前页码：</span>
                    <span>2</span>
                </div>
            </div>
        </div>
    </div>
    <!--回到顶部 公共部分 -->
    <script src="../js/href-top.js"></script>
    <!-- 分割线 -->
    <div style="margin-top: 574px;">
        <hr />
    </div>
    <!-- foot -->
    <div class="company-end" style="margin-top: 1395px;">
        <!-- foot-nav 公共部分 -->
        <script src="../js/foot.js"></script>
    </div>
</body>

</html>